<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
    <meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="/css/sum/summernote.css" rel="stylesheet">
    <script src="/css/sum/summernote.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/css/iconfont.css">
    <link rel="stylesheet" href="/css/mui/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <style media="screen">

    </style>
    <script src="/js/zepto.js" charset="utf-8"></script>
    <title>新增笔记</title>
  </head>
  <body>
    <div class="header_fixed">
      <div class="h_btn_left" onclick="javascript:history.go(-1)">
        <i class="icon-fanhui"></i>返回
      </div>
      <div class="top-title">

      </div>
      <div class="h_btn_right" onclick="save_note(this)">
        保存
      </div>
    </div>

    <div class="mui-content">

      <div class="mui-input-row">
				<label>标题</label>
				<input id="title" type="text" class="mui-input-clear" placeholder="输入标题">
			</div>

      <ul id="cs_note_lists" class="mui-table-view cs-slider-list">



      </ul>
      <!-- 列表格式 -->
      <!-- <li class="mui-card mui-table-view-cell cs-slider-li txt_box">
            <div class="mui-slider-right mui-disabled">
            <a class="mui-btn mui-btn-red">删除</a>
          </div>
          <div class="mui-table mui-slider-handle">
          <div class="mui-table-cell mui-col-xs-12">
          <p class="mui-h6 mui-ellipsis-2 cs-list-txt">Hi，100元等你拿，</p>
        </div>
      </div>
      </li>

      <li class="mui-card mui-table-view-cell cs-slider-li txt_box">
      <div class="mui-slider-right mui-disabled">
      <a class="mui-btn mui-btn-red">删除</a>
      </div>
      <div class="mui-table mui-slider-handle">
      <div class="mui-table-cell mui-col-xs-12">
      <p class="mui-h6 mui-ellipsis-2 cs-list-txt">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
      </div>

      </div>
      </li> -->
    </div>




    <div class="add_text">
      <div class="header_fixed">
        <div class="h_btn_left" onclick="hide_addtxt()">
        <i class="icon-fanhui"></i>  返回
        </div>
        <div class="h_btn_right" onclick="add_txt()">
          确定
        </div>
      </div>
      <div class="add_text_box">
        <div id="summernote">编辑内容</div>
        <!-- <textarea class="add_t" id="add_t"></textarea> -->
      </div>
    </div>





    <div class="footer_fixed">
      <div class="footer_item part_3">
        <i class="icon-xiangji"></i>
      </div>
      <div class="footer_item part_3" onclick="show_addtxt()">
        <i class="icon-wenzi"></i>
      </div>
      <div class="footer_item part_3">
        <i class="icon-yuyin"></i>
      </div>
    </div>
    <script src="/js/zepto.js" charset="utf-8"></script>
    <script src="/css/mui/js/mui.min.js" charset="utf-8"></script>
    <script src="/js/function.js" charset="utf-8"></script>
    <script type="text/javascript">
    mui.init();
    (function($) {
				//$.swipeoutOpen(el,direction)//打开指定列的滑动菜单，el:指定列的dom对象，direction：取值left|right，指定打开的是左侧或右侧滑动菜单
				//$.swipeoutClose(el);//关闭指定列的滑动菜单，el:指定列的dom对象
				//				setTimeout(function() {
				//					$.swipeoutOpen(document.getElementById("OA_task_1").querySelector('li:last-child'), 'left');
				//					setTimeout(function() {
				//						$.swipeoutClose(document.getElementById("OA_task_1").querySelector('li:last-child'));
				//					}, 1000);
				//				}, 1000);
				//第一个demo，拖拽后显示操作图标，点击操作图标删除元素；
				$('#cs_note_lists').on('tap', '.mui-btn', function(event) {
  					var elem = this;
  					var li = elem.parentNode.parentNode;
  					mui.confirm('确认删除该条记录？', 'SG云笔记', btnArray, function(e) {
  						if (e.index == 0) {
  							li.parentNode.removeChild(li);
  						} else {
  							setTimeout(function() {
  								$.swipeoutClose(li);
  							}, 0);
  						}
  					});
  				});
  				var btnArray = ['确认', '取消'];
  			})(mui);
      $(function(){

        // $('#note_contents').html('');
        $(document).ready(function() {
          $('#summernote').summernote();
        });

      })
    </script>
    <script>


</script>
  </body>
</html>
